<template>
  <div style="width:100%;height:100%;">
    <el-breadcrumb style="min-height:40px;" separator-class="" separator="-->">
        <el-breadcrumb-item>
            菜单层次1
        </el-breadcrumb-item>
        <el-breadcrumb-item>
            菜单层次2
        </el-breadcrumb-item>
        <el-breadcrumb-item>
            人员基本情况
        </el-breadcrumb-item>
    </el-breadcrumb>
    <el-form style="min-height:60px;width:98%;" label-width="80px">
        <el-row  :gutter="24" type="flex">
            <el-col >
                <el-form-item style="min-height:40px;" label="姓名">
                    <el-input placeholder="请输入姓名" v-model="elInput6.value" size="medium">
                        <el-button slot="append" icon="el-icon-close" size="mini"></el-button>
                    </el-input>
                </el-form-item>
            </el-col>
            <el-col>
                <el-form-item style="min-height:40px;" label="年龄">
                    <el-input-number style="width:100%;" :min="1" :max="100" label="" v-model="elInputNumber19.value">
                    </el-input-number>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row  :gutter="24" type="flex">
            <el-col>
                <el-form-item style="min-height:40px;" label="性别">
                    <el-radio-group style="margin-top:12px;width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;" v-model="elRadioGroup16.value">
                        <el-radio label="1">
                            男
                        </el-radio>
                        <el-radio label="2">
                            女
                        </el-radio>
                    </el-radio-group>
                </el-form-item>
            </el-col>
            <el-col>
                <el-form-item style="min-height:40px;" label="简历上传">
                    <el-upload :fileList="elUpload20.fileList" action="#" :headers="elUpload20.headers" :auto-upload="false">
                        <el-button size="small" type="primary">点击上传</el-button>
                    </el-upload>
                </el-form-item>
            </el-col>
        </el-row>
    </el-form>
    <div style="width:100%;display:flex;align-items:flex-start;justify-content:flex-end;">
        <el-button style="margin-right: 15px;" type="success" size="medium">
            提交
        </el-button>
    </div>
    <el-collapse style="min-height:60px;" v-model="elCollapse31.value">
        <el-collapse-item style="padding-left: 15px;padding-right: 15px;" title="目录" name="1">
            <template slot="title">工作信息<i class="header-icon el-icon-info"></i></template>
            <el-table style="width:100%;" stripe border :data="elTable23.data">
                <el-table-column prop="date" label="日期" width="180">
                </el-table-column>
                <el-table-column prop="name" label="姓名" width="180">
                </el-table-column>
                <el-table-column prop="address" label="地址">
                </el-table-column>
            </el-table>
            <div style="width:100%;display:flex;align-items:flex-start;justify-content:space-between;">
                <el-button type="info" size="mini">
                    业务功能
                </el-button>
                <el-pagination layout="prev, pager, next" :total="50">
                </el-pagination>
            </div>
            <div style="min-height:40px;width:50%;margin-left:100px;">
                <el-button type="primary">
                    按钮
                </el-button>
                <el-button type="primary">
                    按钮
                </el-button>
                <el-button type="primary">
                    按钮
                </el-button>
                <el-button type="primary">
                    按钮
                </el-button>
                <el-button type="primary">
                    按钮
                </el-button>
                <el-input placeholder="请输入内容" v-model="elInput47.value">
                    <el-button slot="append" icon="el-icon-close" size="mini"></el-button>
                </el-input>
            </div>
        </el-collapse-item>
    </el-collapse>
  </div>
</template>
<script>
const childrenProps = {};

export default {
    component : {
    },
    data(){
        return {
            //data定义,
            elInput6 : {"value":""},
    elInputNumber19 : {"value":25},
    elRadioGroup16 : {"value":"2"},
    elUpload20 : childrenProps.elUpload20(),
    elTable23 : childrenProps.elTable23(),
    elInput47 : {"value":""},
    elCollapse31 : {"value":["1",]},
        };
    },
}

childrenProps.elUpload20 = function(){
    return {
        "fileList":[],
        "headers":{
        },
    }
};


childrenProps.elTable23 = function(){
    return {
        "data":[{
                "date":"2016-05-02",
                "name":"王小虎",
                "address":"上海市普陀区金沙江路 1518 弄",
            },{
                "date":"2017-05-04",
                "name":"王大虎",
                "address":"上海市普陀区金沙江路 1517 弄",
            },{
                "date":"2015-05-01",
                "name":"王中虎",
                "address":"上海市普陀区金沙江路 1519 弄",
            },{
                "date":"2018-05-03",
                "name":"王老虎",
                "address":"上海市普陀区金沙江路 1516 弄",
            },],
    }
};

</script>
<style type="css" scoped>
</style>